.connector{font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:16px;color:#535c69;padding:20px;background:#fff;border:1px solid #ced7d8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.connector-title{margin:0 0 30px 0;padding:0;font-size:32px;text-align:center;line-height:32px;color:#535c69}.connector-title-sm{margin:0 0 15px 0;padding:0;font-size:17px;font-weight:bold}.connector-description{margin:0 0 16px 0;padding:0;font-size:16px;color:#535c69;line-height:24px}.connector-description-ul{list-style:none;margin:0 0 30px 45px;padding:0;line-height:20px}.connector-description-ul li:before{content:'\2022 ';display:inline-block;vertical-align:top;margin:0 3px 0 0}.connector-description-ul-green{list-style:none;margin:0 0 30px 0;padding:0;line-height:30px;font-size:14px}.connector-description-ul-green li:before{content:' ';display:inline-block;width:30px;height:11px;  background-image: url(""); background-size:100% 100%;background-repeat:no-repeat}.connector-img{display:block;margin:30px auto;padding:0}.connector-video{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}

.connector-video-container {
  background: url('/bitrix/images/b24connector/macbook-gold.min.svg') no-repeat center; background-size:contain;height:0;width:100%;padding-top:58%;box-sizing:border-box;margin:30px auto 20px;position:relative}.connector-video-block{position:absolute;top:9%;left:12.5%;right:12.5%;padding-top:46.25%}.connector-callback{clear:both;display:block;overflow:hidden;display:flex}.connector-callback-item{float:left;overflow:hidden;min-width:49%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.connector-callback-desc{margin:0 30px 30px 0;background:#ecfafe;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:15px 25px}.connector-callback-text{margin:0 0 10px 0;padding:0;font-size:12px;color:#535c69}.connector-callback-app{display:block;overflow-y:hidden}.connector-callback-app-title{font-size:12px;color:#fff;line-height:19px;font-weight:bold;text-transform:uppercase;padding:7px 20px 6px;background:#49c5d4}.connector-callback-app-title-blue{background:#48c2f9}.connector-callback-app-flex{display:flex;overflow:hidden;padding:13px 8px;background:#fff;color:#868d96;text-transform:uppercase;font-size:11px;font-weight:bold;line-height:30px;vertical-align:middle}.connector-callback-app-mac,.connector-callback-app-win,.connector-callback-app-linux,.connector-callback-app-appstore,.connector-callback-app-google{flex:1;color:#868d96;text-decoration:none;text-align:center}.connector-callback-app-mac:hover,.connector-callback-app-win:hover,.connector-callback-app-linux:hover,.connector-callback-app-appstore:hover,.connector-callback-app-google:hover{text-decoration:none;color:#535c69}.connector-callback-app-mac:before,.connector-callback-app-win:before,.connector-callback-app-linux:before,.connector-callback-app-appstore:before,.connector-callback-app-google:before{content:'';display:inline-block;vertical-align:top;margin:2px 5px 0 0;width:20px;height:24px;background-size:100% 100%;background-repeat:no-repeat}.connector-callback-app-mac:before{margin:1px 5px 0 0;  background-image: url("");}.connector-callback-app-mac:hover:before{  background-image: url("");}.connector-callback-app-win:before{width:16px;  background-image: url("");}.connector-callback-app-win:hover:before{  background-image: url("");}.connector-callback-app-linux:before{width:17px;  background-image: url("");}.connector-callback-app-linux:hover:before{  background-image: url("");}.connector-callback-app-appstore:before{width:30px;height:30px;  background-image: url("");}.connector-callback-app-appstore:hover:before{  background-image: url("");}.connector-callback-app-google:before{width:26px;height:30px;  background-image: url("");}.connector-callback-app-google:hover:before{  background-image: url("");}.connector-select{display:block;width:100%;height:40px !important;font-size:18px !important;margin:0 0 15px 0 !important}.connector-create{clear:both;display:block;text-align:center;padding:40px 0;border-top:1px solid #f2f2f2;margin:40px 0 0 0}.connector-btn-blue{display:inline-block;height:42px;line-height:42px;font-size:15px;font-weight:bold;color:#fff;padding:0 30px;text-align:center;background-image:-webkit-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-moz-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-ms-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-o-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),inset 0 2px 0 0 #3bd9f0;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),inset 0 2px 0 0 #3bd9f0;border:1px solid #1993d3;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.connector-btn-blue-sm{height:32px;line-height:32px;font-size:14px}.connector-btn-blue:hover{text-decoration:none}.connector-btn-blue:active{background:#1993d3 !important;line-height:44px;-webkit-box-shadow:inset 0 2px 1px rgba(66,84,17,0.71) !important;background-image:-webkit-linear-gradient(-180deg,#1b9cc4 0,#1881b8 100%) !important;background-image:-moz-linear-gradient(-180deg,#1b9cc4 0,#1881b8 100%) !important;background-image:-ms-linear-gradient(-180deg,#1b9cc4 0,#1881b8 100%) !important;background-image:-o-linear-gradient(-180deg,#1b9cc4 0,#1881b8 100%) !important;background-image:linear-gradient(-180deg,#1b9cc4 0,#1881b8 100%) !important}.connector-btn-blue-sm:active{line-height:34px}.connector-btn-green{display:inline-block;background:#80ab17;padding:7px 30px;background-image:-webkit-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-moz-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-ms-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-o-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.20),inset 0 2px 0 0 #d2e12d;font-size:20px;color:#fff;font-weight:bold;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,0.11);border:1px solid #a4c31e;white-space:nowrap}.connector-btn-green:active{padding:9px 30px 5px 30px;box-shadow:0 0 0 0 rgba(0,0,0,0.1),inset 0 2px 0 0 #5c7817;background-image:-webkit-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:-moz-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:-ms-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:-o-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important}.connector-btn-green span{clear:both;display:block;text-align:center;font-size:11px;line-height:11px;font-weight:normal;color:rgba(255,255,255,.8)}.connector-btn-green:hover{text-decoration:none}.connector-step{display:flex;padding:50px 0;max-width:800px;margin:0 auto 30px auto}.connector-step-item{flex:1;padding:0;text-align:center;font-size:24px;color:#535c69;line-height:26px}.connector-step.ru .connector-step-item{padding-top:175px;}

.connector-step-item-arrow {
  background: url("/bitrix/images/b24connector/arrow.png") center no-repeat;}.connector-step.ru .connector-step-item-arrow{background-position:center 65px}.connector-step.ru .connector-step-item-1{max-width:161px;  background: url("/bitrix/images/b24connector/step-1.png") center 0 no-repeat; }

.connector-step.ru .connector-step-item-2 {
  background: url("/bitrix/images/b24connector/step-2.png") center 0 no-repeat; }

.connector-step.ru .connector-step-item-3 {
  background: url("/bitrix/images/b24connector/step-3.png") center 0 no-repeat;}.connector-newbtx{display:block;text-align:center;width:545px;height:545px;margin:0 auto 100px auto;border:1px solid #c0edfa;-weblit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:relative}.connector-newbtx-text{padding:20px 0 25px 0;margin:0;font-size:27px;color:#535c69}.connector-newbtx-inputlink{display:block;overflow:hidden;padding:0 15px;text-overflow:ellipsis;font-size:30px;line-height:76px;background:#e0f7fc;color:#0b66c3;margin:0 0 35px 0;text-align:center}.connector-newbtx-link{clear:both;font-size:16px;color:#0b66c3;text-align:center;text-decoration:none;display:inline-block;border-bottom:1px solid #0b66c3;margin:0 0 15px 0}.connector-newbtx-link:hover{text-decoration:none;border-bottom:1px solid #0b66c3}.connector-nebtx-inner{position:absolute;width:360px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.connector-newbtx__item{display:block;white-space:nowrap;width:65px;font-size:17px;color:#535c69;line-height:26px;text-align:center;position:absolute;padding:0 0 20px 0}.connector-newbtx__item span{display:block;margin:0 auto;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.connector-newbtx__item:before{content:'';display:block;width:65px;height:65px;margin:auto -5px;border:5px solid #fff;  background: #fff url('/bitrix/images/b24connector/sprite-icon.png') no-repeat; -webkit-box-shadow:inset 0 0 1px #13bee9;-moz-box-shadow:inset 0 0 1px #13bee9;box-shadow:inset 0 0 1px #13bee9;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.connector-newbtx__item-1{top:-10px;left:115px}.connector-newbtx__item-2{top:-10px;right:115px}.connector-newbtx__item-3{top:175px;right:-25px}.connector-newbtx__item-4{bottom:65px;left:5px}.connector-newbtx__item-5{bottom:-55px;left:50%;margin:0 0 0 -32px}.connector-newbtx__item-6{bottom:65px;right:5px}.connector-newbtx__item-7{top:175px;left:-25px}.connector-pupup{display:block;max-width:510px;padding:5px 0 20px 0}.connector-pupup .connector-pupup-title{font-size:26px;color:#505d68;text-align:center;border-bottom:1px solid #d8d8d8;padding:0 0 20px 0;margin:0 0 25px 0}.connector-pupup .connector-pupup-sites{clear:both;display:block;font-size:16px;color:#505d68;white-space:nowrap}.connector-pupup .connector-pupup-sites-title{clear:both;display:block;margin:0 0 10px 0}.connector-pupup .connector-pupup-sites-left{display:inline-block;vertical-align:top;width:210px;padding:0 0 0 45px;overflow:hidden}.connector-pupup .connector-pupup-link{clear:both;display:block;color:#0b66c3;text-decoration:none;margin:0 0 8px 0}.connector-pupup .connector-pupup-link:hover{text-decoration:none}.connector-pupup .connector-pupup-sites-right{display:inline-block;vertical-align:top;width:210px;padding:0 0 0 45px;overflow:hidden}.connector-btn-green-disabled{color:rgba(255,255,255,.4);text-shadow:0 0 0 rgba(0,0,0,0.1);pointer-events:none;padding:7px 30px !important;background:#80ab17 !important;background-image:-webkit-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-moz-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-ms-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-o-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important}.connector-btn-green-disabled span{color:rgba(255,255,255,.4)}.connector-btn-blue.connector-btn-blue-sm-disabled{pointer-events:none;color:rgba(255,255,255,.4);height:32px !important;line-height:32px !important;font-size:14px !important;background:#21b3e0 !important;background-image:-webkit-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-moz-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-ms-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-o-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),inset 0 2px 0 0 #3bd9f0 !important;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),inset 0 2px 0 0 #3bd9f0 !important;border:1px solid #1993d3 !important}.connector-btn-blue-disabled{pointer-events:none;height:42px !important;line-height:42px !important;color:rgba(255,255,255,.4) !important;text-align:center !important;background-image:-webkit-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-moz-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-ms-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:-o-linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;background-image:linear-gradient(-180deg,#21b3e0 0,#1993d3 100%) !important;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),inset 0 2px 0 0 #3bd9f0 !important;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2),inset 0 2px 0 0 #3bd9f0 !important;border:1px solid #1993d3 !important}.connector-newbtx__item-2:before{background-position:-65px 0}.connector-newbtx__item-3:before{background-position:-130px 0}.connector-newbtx__item-4:before{background-position:-195px 0}.connector-newbtx__item-5:before{background-position:0 -65px}.connector-newbtx__item-6:before{background-position:-65px -65px}.connector-newbtx__item-7:before{background-position:-130px -65px}.connector-button-green{display:inline-block;height:42px;line-height:42px;font-size:15px;font-weight:bold;color:#fff;padding:0 30px;text-align:center;background-image:-webkit-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-moz-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-ms-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:-o-linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;background-image:linear-gradient(-180deg,#a4c31e 0,#80ab17 100%) !important;box-shadow:0 2px 2px 0 rgba(0,0,0,0.20),inset 0 2px 0 0 #d2e12d;border:1px solid #a4c31e;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.connector-button-green:active{background:#1993d3 !important;line-height:44px;text-decoration:none;box-shadow:0 0 0 0 rgba(0,0,0,0.1),inset 0 2px 0 0 #5c7817;background-image:-webkit-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:-moz-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:-ms-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:-o-linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important;background-image:linear-gradient(-180deg,#93ae1c 0,#70931c 100%) !important}.connector-button-green:hover{text-decoration:none}